﻿@using System.Collections.Generic
@using System.Linq
@using Microsoft.AspNetCore.Http
@using Microsoft.AspNetCore.Http.Authentication
@model LoginViewModel
@inject SignInManager<ApplicationUser> SignInManager

@{
    Layout = null;
    ViewData["Title"] = "Log in";
}

<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="~/css/site.css" />
<script src="~/AdminLTE/plugins/jquery/js/jQuery-2.1.4.min.js"></script>
<script src="~/AdminLTE/bootstrap/js/bootstrap.js"></script>
<script src="~/AdminLTE/plugins/slimscroll/js/jquery.slimscroll.js"></script>
<script src="~/AdminLTE/plugins/fastclick/js/fastclick.js"></script>
<script src="~/js/_Layout.js"></script>
<script src="~/AdminLTE/dist/js/app.js"></script>


<div class="row">

    <div class="col-md-6 col-md-offset-1">
        <section class="content-header">
            <h1>MTR Web App Demo with .Net Core 2.0</h1>
            <hr />
        </section>
        <section>
            <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="6000">
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                    <li data-target="#myCarousel" data-slide-to="2"></li>
                    <li data-target="#myCarousel" data-slide-to="3"></li>
                </ol>
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="~/images/banner1.svg" alt="ASP.NET" class="img-responsive" />
                        <div class="carousel-caption" role="option">
                            <p>
                                Learn how to build ASP.NET apps that can run anywhere.

                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img src="~/images/banner2.svg" alt="Visual Studio" class="img-responsive" />
                        <div class="carousel-caption" role="option">
                            <p>
                                There are powerful new features in Visual Studio for building modern web apps.

                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img src="~/images/banner3.svg" alt="Package Management" class="img-responsive" />
                        <div class="carousel-caption" role="option">
                            <p>
                                Bring in libraries from NuGet and npm, and automate tasks using Grunt or Gulp.

                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img src="~/images/banner4.svg" alt="Microsoft Azure" class="img-responsive" />
                        <div class="carousel-caption" role="option">
                            <p>
                                Learn how Microsoft's Azure cloud platform allows you to build, deploy, and scale web apps.
                                <a class="btn btn-default" href="https://go.microsoft.com/fwlink/?LinkID=525027&clcid=0x409">
                                    Learn More
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
                <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </section>
    </div>
    <div class="col-md-3 ">
        <section>
            <form asp-route-returnurl="@ViewData["ReturnUrl"]" method="post">
                <h4>Login Form</h4>
                <hr />
                <div asp-validation-summary="All" class="text-danger"></div>
                <div class="form-group">
                    <label asp-for="Email"></label>
                    <input asp-for="Email" class="form-control" />
                    <span asp-validation-for="Email" class="text-danger"></span>
                </div>
                <div class="form-group">
                    <label asp-for="Password"></label>
                    <input asp-for="Password" class="form-control" />
                    <span asp-validation-for="Password" class="text-danger"></span>
                </div>
                <div class="form-group">
                    <div class="checkbox">
                        <label asp-for="RememberMe">
                            <input asp-for="RememberMe" />
                            @Html.DisplayNameFor(m => m.RememberMe)
                        </label>
                    </div>
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-default">Log in</button>
                </div>
                <div class="form-group">
                    <p>
                        <a asp-action="ForgotPassword">Forgot your password?</a>
                    </p>
                    <p>
                        <a asp-action="Register" asp-route-returnurl="@ViewData["ReturnUrl"]">Register as a new user?</a>
                    </p>
                </div>
            </form>
        </section>
    </div>
</div>

@section Scripts {
    @await Html.PartialAsync("_ValidationScriptsPartial")
}
